<template>
  <div class="child-component">
    <p>{{ text }}</p>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue";

const props = defineProps({
  text: {
    type: String,
    required: true,
    default: "",
  },
});
</script>

<style scoped lang="less">
.child-component {
  position: relative;
//   宽高发生了变化
  // height: 25px;
  width: 535.67px;
  height: 54px;
  background-image: url(@/assets/dxq/hzs.png);
  background-repeat: no-repeat;
  background-size: contain;

  p {
    position: absolute;
    // top: 2px;
    // left: 51px;
    // letter-spacing: 1.4px;
    display: inline-block;
    top: 2px;
    left: 41px;
    font-family: OPPOSans, OPPOSans;
    font-weight: normal;
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    text-align: left;
    font-style: normal;
  }
}
</style>
